{% extends "base.html" %}

{% block title %}
Cadastro de Alunos
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_cadastro').addClass('active');
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:{{ano_now.year}}'
		});

	});

{% endblock extrahead %}

{% block content %}

		<div class="box-header clear">
			<h2>Cadastro de Aluno</h2>
		</div>
	<div class="box-wrap clear">
		{% if messages %}
		<ul class="messages">
		  {% for message in messages %}
			<div class="notification note-{{ message.tags }}">
				<a href="#" class="close" title="Close notification">close</a>
				<p><strong>Notificação do Sistema:</strong> {{ message }}</p>
			</div>
		{% endfor %}
		</ul>
		{% endif %}

		<form action="/cadastro_aluno/" method="post" class="validate-form form bt-space15" onSubmit="return confirm('Você deseja realmente enviar esses dados?');" >
			<div class="columns clear bt-space15">
				<div class="col2-3">
					<table>
						{% for field in cadastro %}
							<tr> <th>{{ field.label_tag }}: </th><td>{{ field }}
							{{ field.errors }}</td></tr>
						{% endfor %}
							<tr>
								<th>Unidade: </th>
								<td></td>
							</tr>
						{% for unidade in lista_unidades %}
							<tr>
								<th></th>
								<td><input type="checkbox" value="{{unidade.nome}}" name="unidade">{{unidade.nome}}</td>
							</tr>
						{% endfor %}
					</table>
				</div>
	
			</div>
			<input type="submit" class="button green size-120 fl" value="Salvar Dados" />
		</form>
	</div><!-- end of box-wrap -->

{% endblock content %}
